<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>demander evaluate</title>

		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">

		<!-- No Baidu Siteapp-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<!--<link rel="icon" type="image/png" href="assets/i/favicon.png">-->

		<!-- Add to homescreen for Chrome on Android -->
		<meta name="mobile-web-app-capable" content="yes">
		<!--<link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">-->

		<!-- Add to homescreen for Safari on iOS -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<!--<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">-->

		<!-- Tile icon for Win8 (144x144 + tile color) -->
		<!--<meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">-->
		<meta name="msapplication-TileColor" content="#0e90d2">

		<link rel="stylesheet" href="amazeui/css/amazeui.min.css">
		<link rel="stylesheet" href="amazeui/css/app.css">
		<link rel="stylesheet" type="text/css" href="css/common2.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" href="css/content.css" />
		<script src="amazeui/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.raty.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="head">
			<div class="am-container">
				<h1 class="am-topbar-brand am-text-ir">
    				<a href="#">创意热店</a>
 				</h1>
				<div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
					<div class="am-topbar-right">
						<ul class="am-nav am-nav-pills am-topbar-nav">
							<button type="button" class="am-btn am-btn-default am-radius">短消息<span class="am-badge am-round">1</span></button>
							<img src="img/logo.png" class="am-circle" />
						</ul>
					</div>
					<div class="am-topbar-right">
						<ul class="am-nav am-nav-pills am-topbar-nav">
							<li>
								<a href="#">我的案例</a>
							</li>
							<li>
								<a href="#">我的资金</a>
							</li>
							<li>
								<a href="#">我的项目</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<!--===================================demander project details start========================================-->
		<div class="am-container">
			<div class="am-g">
				<!--=====================================left===============================-->
				<div class="am-u-md-2 left_nav">
					<div class="am-g am-container">
						<ul class="am-nav">
							<li>
								<a href="#">我的项目</a>
							</li>
							<li class="">
								<a href="#">发布项目</a>
							</li>
							<li>
								<a href="#">待审核的项目</a>
							</li>
							<li>
								<a href="#">进行中的项目</a>
							</li>
							<li>
								<a href="#">完成的项目</a>
							</li>
						</ul>
					</div>
				</div>

				<!--=====================================right===============================-->
				<div class="am-u-md-10 demander_evaluate">
					<div class="am-g">
						<div class="am-u-md-9">
							<h1 class="am-text-truncate">项目名称：<span>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span></h1>
						</div>
						<div class="am-u-md-2 am-u-offset-1">
							<a href="" class="am-btn am-btn-primary am-btn-block am-radius">投诉维护</a>
						</div>
					</div>
					<section class="am-panel am-panel-default">
						<header class="am-panel-hd">
							<h3 class="am-panel-title">雇主信息</h3>
						</header>
						<div class="am-panel-bd">
							电话号码：<span>12345678910</span>
							<hr /> 联系人：
							<span>某先生</span>
							<hr /> 公司名称：
							<span>某某有限公司</span>
							<hr /> 职位：
							<span>某某经理</span>
						</div>
					</section>

					<section class="am-panel am-panel-default">
						<header class="am-panel-hd">
							<h3 class="am-panel-title">设计师信息</h3>
						</header>
						<div class="am-panel-bd">
							<div class="am-g">
								<div class="am-u-md-4">
									<div class="am-g">
										<div class="am-u-md-5">
											<img src="img/default.jpg" class="am-circle" />
										</div>
										<div class="am-u-md-6 am-u-end">
											<p>姓名：<span>xxx</span></p>
											<p>等级：<span>lvxx</span></p>
										</div>
									</div>
									<div class="am-g">
										<div class="am-container">
											<h3>设计师简介：</h3>
											<p class="minHeight" title="">嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻嘻发送到反倒是反倒是浮动发送到反倒是反倒是浮动发送到反倒是反倒是浮动发送到介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介设计师简介</p>
										</div>
									</div>
								</div>
								<div class="am-u-md-8">
									<h3>交付内容：</h3>
									<p>交付内容</p>
								</div>
							</div>
						</div>
					</section>

					<section class="am-panel am-panel-default evaluate_content">
						<header class="am-panel-hd">
							<h3 class="am-panel-title">项目评价</h3>
						</header>
						<div class="am-panel-bd">
							<div class="am-g">
								<div class="am-u-md-4">
									<div class="am-g"> 
										<div class="am-u-md-12 am-cf">
											<span>总体评价</span>
											<div id="star1" class="am-fr"></div>
											<div id="result1" class="am-fr"></div>
										</div>
									</div>
									<div class="am-g"> 
										<div class="am-u-md-12 am-cf">
											专业技能  
											<div id="star2" class="am-fr"></div>
											<div id="result2" class="am-fr"></div>
										</div>
									</div>
									<div class="am-g"> 
										<div class="am-u-md-12 am-cf">
											服务态度  
											<div id="star3" class="am-fr"></div>
											<div id="result3" class="am-fr"></div>
										</div>
									</div>
									<div class="am-g"> 
										<div class="am-u-md-12 am-cf">
											响应速度  
											<div id="star4" class="am-fr"></div>
											<div id="result4" class="am-fr"></div>
										</div>
									</div>
								</div>
								<div class="am-u-md-8">
									<h3>评价内容：</h3>
									<p>评价内容</p>
								</div>
							</div>
							<div class="am-g">
						<div class="am-u-md-2 am-u-md-offset-10">
							<button class="am-btn am-btn-primary am-btn-block am-radius">提交评价</button>
						</div>
					</div>
						</div>
					</section>
				
					
				</div>
				<!--================================righet end============================-->
			</div>
		</div>
		<!--===================================demander_project details end========================================-->

		<footer data-am-widget="footer" class="footer" data-am-footer="{  }">
			<div class="am-container">
				<div class="am-g">
					<div class="am-u-md-12 am-u-md-offset-1">
						<ul class="am-avg-sm-3">
							<li>
								<h3>关于我们</h3>
								<ul>
									<li>
										<a href="">公司简介</a>
									</li>
									<li>
										<a href="">公司简介</a>
									</li>
									<li>
										<a href="">公司简介</a>
									</li>
								</ul>
							</li>
							<li>
								<h3>联系我们</h3>
								<ul>
									<li>Tel：12345678910</li>
									<li>E-mail：xxxxxx@xxx.com</li>
									<li>公司地址：xxxxxxxxxxx</li>
								</ul>

							</li>
							<li>
								<h3>更新日志</h3>
								<ul>
									<li>xx.xx更新x.xx版本</li>
									<li>xx.xx更新x.xx版本</li>
									<li>xx.xx更新x.xx版本</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>

				<div class="footer-line">
					<ul class="am-cf am-text-center">
						<li class="">
							<a href="##" class="am-icon-qq"></a>
						</li>
						<li class="">
							<a href="##" class="am-icon-tencent-weibo"></a>
						</li>
						<li class="">
							<a href="##" class="am-icon-weibo"></a>
						</li>
						<li class="">
							<a href="##" class="am-icon-weixin"></a>
						</li>
					</ul>
				</div>
				<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
				<div class="am-text-center">
					<p>CopyRight©2014 AllMobilize Inc.</p>
					<p>京ICP备13033158</p>
				</div>

			</div>
		</footer>
		<!--<script src="amazeui/js/jquery.min.js"></script>-->
		<script src="amazeui/js/amazeui.min.js"></script>
		
		<script type="text/javascript">
			rat('star1', 'result1', 1);
			rat('star2', 'result2', 1);
			rat('star3', 'result3', 1);
			rat('star4', 'result4', 1);

			function rat(star, result, m) {

				star = '#' + star;
				result = '#' + result;
				$(result).hide(); //将结果DIV隐藏

				$(star).raty({
					number:5,
					hints: ['一星', '两星', '三星', '四星', '五星'],
					path: "css/img",
					starOff: 'star-off-big.png',
					starOn: 'star-on-big.png',
					size: 24,
					start: 40,
					showHalf: true,
					target: result,
					targetKeep: true, //targetKeep 属性设置为true，用户的选择值才会被保持在目标DIV中，否则只是鼠标悬停时有值，而鼠标离开后这个值就会消失
				});
			}
		</script>
	</body>

</html>